<template>
	<el-container>
		<!-- 头部栏 -->
		<el-header>
			<Header @onisCollapse="onisCollapse"> </Header>
		</el-header>
		<!-- 中间区 -->
		<el-main>
			<!-- 侧边导航 -->
			<el-aside>
				<Aside v-bind:isCollapse="isCollapse"></Aside>
			</el-aside>
			<!-- 右侧内容 -->
			<el-main> </el-main>
		</el-main>
	</el-container>
</template>

<script>
import Header from './common/Header'
import Aside from './common/Aside'
export default {
	components: { Header, Aside },
	data() {
		return {
			isCollapse: false,
		}
	},
	methods: {
		onisCollapse() {
			this.isCollapse = !this.isCollapse
		},
	},
}
</script>